<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ChuangJu</title>
    <link rel="stylesheet" href="../css/CuangJu.css">
    <link rel="stylesheet" href="../css/footer.css">
    <style>
        .footer{
            margin-top:1200px;
        }
        .list{
            width: 1136px;
            height: 333px;
            margin: 60px auto;
            cursor: pointer;
            transition: all .3s;
        }
        .list1{
            width: 1136px;
            height: 255px;

            display: grid;
            grid-template-columns: repeat(4,284px);
        }
        .list1 div{

            height: 255px;
            transition: all .6s;
        }
        .list1 div:hover{
            opacity: .8;
            transform: scale(1.1);

        }
        .list1 div a img{
            width: 284px;
            height: 255px;
        }
        .list2{
            width: 1136px;
            height: 78px;

            display: grid;
            text-align: center;
            grid-template-columns: repeat(4,284px);
            position: relative;
        }
        .list2 div{

            height: 78px;
        }
        .list2 p a{
            display: inline-block;
            width: 284px;
            height: 35px;
            font-size: 18px;
            font-weight: 500;
            color: black;
        }
        .list2  a{
            display: inline-block;
            height: 30px;
            font-size: 16px;
            font-weight: 400;
            color: black;
        }
        .list2 .c4{
            width: 80px;
            height: 20px;
            line-height: 20px;
            font-weight: 200;
            border-radius: 5px;
            font-size: 12px;
            margin: 0 0 0 100px;
            background-color: #F6F6F6;
        }
        /*  主体结束*/
    </style>
</head>
<body>
<div class="box">
    <!--  标题开始-->
    <div class="head">
        <a href=""><img src="../imgas/CuangJu/1.png"></a>
        <div class="nav1">
            <a href="index.html">首页</a>
            <a href="QuanWuXiLie.html">全屋系列</a>
            <a href="ShaFaBanDeng.html">沙发·椅凳</a>
            <a href="GuiJia.html">柜架</a>
            <a href="CuangJu.html">床·床具</a>
            <a href="ZhuoJi.html">桌几</a>
            <a href="DengJu.html">灯具</a>
            <a href="JiaFang.html">家纺·床品</a>
            <a href="ZhuangShi.html">装饰·收纳</a>
            <a href="ShuiJu.html">餐具·水具</a>
        </div>
        <div class="nav2">
            <a href="ShiTiDian.html"><img class="c1" src="../imgas/CuangJu/2.png">实体店</a>
            <a href="LiaoJieZaoZuo.html">了解制造</a>
            <a href="ShangYeHeZuo.html">商业合作</a>
            <a href=""><img class="c2" src="../imgas/CuangJu/3.png"></a>
            <a href=""><img class="c3" src="../imgas/CuangJu/4.png" height="200" width="200"/></a>
        </div>
    </div>
    <!--  标题结束-->
    <!--  副标题开始-->
    <div class="c4">
        <a href="">全部</a>
        <a href="">床</a>
        <a href="">床垫</a>
        <a href="">床头柜</a>
        <a href="">床尾凳</a>
        <a href="">床品</a>
        <a href="">被褥</a>
        <a href="">枕芯</a>
    </div>
    <div class="list">
        <div class="list1">
            <div><a><img src="../imgas/CuangJu/1.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/./2.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/3.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/4.jpg"></a></div>
        </div>
        <div class="list2">
            <div>
                <p><a href="">美术馆床</a></p>
                <a href="">¥5499</a>
                <div class="c4">2色可选</div>
            </div>
            <div>
                <p><a href="">云帛床®</a></p>
                <a href="">¥4296起</a>

            </div>
            <div>
                <p><a href="">云团床®</a></p>
                <a href="">¥3999</a>

            </div>
            <div>
                <p><a href="">远航床</a></p>
                <a href="">¥8599</a>
                <div class="c4">2色可选</div>
            </div>
        </div>
    </div>
    <!--  主体1结束-->
    <!--  主体2开始-->
    <div class="list">
        <div class="list1">
            <div><a><img src="../imgas/CuangJu/5.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/6.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/7.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/8.jpg"></a></div>
        </div>
        <div class="list2">
            <div>
                <p><a href="">山雪床</a></p>
                <a href="">¥2899起</a>
            </div>
            <div>
                <p><a href="">画板床®</a></p>
                <a href="">¥3599起</a>

            </div>
            <div>
                <p><a href="">软糖床®</a></p>
                <a href="">¥3599</a>

            </div>
            <div>
                <p><a href="">奶糖床</a></p>
                <a href="">¥2799起</a>
                <div class="c4">2色可选</div>
            </div>
        </div>
    </div>
    <!--  主体2结束-->
    <!--  主体3开始-->
    <div class="list">
        <div class="list1">
            <div><a><img src="../imgas/CuangJu/9.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/10.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/11.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/12..jpg"></a></div>
        </div>
        <div class="list2">
            <div>
                <p><a href="">松明床</a></p>
                <a href="">¥4999</a>
                <div class="c4">2色可选</div>
            </div>
            <div>
                <p><a href="">新深海沉睡床垫</a></p>
                <a href="">¥3299起</a>

            </div>
            <div>
                <p><a href="">画板床头柜®</a></p>
                <a href="">¥999</a>
            </div>
            <div>
                <p><a href="">山雪床头柜</a></p>
                <a href="">¥499</a>

            </div>
        </div>
    </div>
    <!--  主体3结束-->
    <!--  主体4开始-->
    <div class="list">
        <div class="list1">
            <div><a><img src="../imgas/CuangJu/13.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/14.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/15.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/16.jpg"></a></div>
        </div>
        <div class="list2">
            <div>
                <p><a href="">美术馆床头柜</a></p>
                <a href="">¥899</a>
                <div class="c4">2色可选</div>
            </div>
            <div>
                <p><a href="">造作软糖沙发®</a></p>
                <a href="">¥2399起</a>
                <div class="c4">4色可选</div>
            </div>
            <div>
                <p><a href="">新云杉天丝高支4...</a></p>
                <a href="">¥599起</a>
                <div class="c4">6色可选</div>
            </div>
            <div>
                <p><a href="">新锦瑟撞色高支4...</a></p>
                <a href="">¥459起</a>
                <div class="c4">5色可选</div>
            </div>
        </div>
    </div>
    <!--  主体4结束-->
    <!--  主体5开始-->
    <div class="list">
        <div class="list1">
            <div><a><img src="../imgas/CuangJu/17.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/18.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/19.jpg"></a></div>
            <div><a><img src="../imgas/CuangJu/20.jpg"></a></div>
        </div>
        <div class="list2">
            <div>
                <p><a href="">造作云杉天丝高...</a></p>
                <a href="">¥599起</a>
                <div class="c4">6色可选</div>
            </div>
            <div>
                <p><a href="">造作锦瑟撞色高...</a></p>
                <a href="">¥459起</a>
                <div class="c4">7色可选</div>
            </div>
            <div>
                <p><a href="">造作锦瑟纯色高...</a></p>
                <a href="">¥499起</a>
                <div class="c4">3色可选</div>
            </div>
            <div>
                <p><a href="">造作有眠麦穗高...</a></p>
                <a href="">¥4599起</a>
                <div class="c4">2色可选</div>
            </div>
        </div>
        <!--  主体5结束-->
        <!--  主体6开始-->
        <div class="list">
            <div class="list1">
                <div><a><img src="../imgas/CuangJu/21.jpg"></a></div>
                <div><a><img src="../imgas/CuangJu/22.jpg"></a></div>
                <div><a><img src="../imgas/CuangJu/23.jpg"></a></div>
                <div><a><img src="../imgas/CuangJu/24.jpg"></a></div>
            </div>
            <div class="list2">
                <div>
                    <p><a href="">山茶A类婴儿级双...</a></p>
                    <a href="">¥599</a>
                    <div class="c4">2色可选</div>
                </div>
                <div>
                    <p><a href="">香草棉麻色织4件...</a></p>
                    <a href="">¥899起</a>
                    <div class="c4">2色可选</div>
                </div>
                <div>
                    <p><a href="">兰亭色织提花4件...</a></p>
                    <a href="">¥599</a>

                </div>
                <div>
                    <p><a href="">轻烟水洗棉高支4...</a></p>
                    <a href="">¥599</a>
                    <div class="c4">2色可选</div>
                </div>
            </div>
        </div>
        <!--  主体6结束-->
        <!--  主体7开始-->
        <div class="list">
            <div class="list1">
                <div><a><img src="../imgas/CuangJu/25.jpg"></a></div>
                <div><a><img src="../imgas/CuangJu/26.jpg"></a></div>
                <div><a><img src="../imgas/CuangJu/27.jpg"></a></div>
                <div><a><img src="../imgas/CuangJu/28.jpg"></a></div>
            </div>
            <div class="list2">
                <div>
                    <p><a href="">造作有眠白鸭绒...</a></p>
                    <a href="">¥599起</a>

                </div>
                <div>
                    <p><a href="">田野长绒棉棉花被</a></p>
                    <a href="">¥499</a>

                </div>
                <div>
                    <p><a href="">造作有眠32度热...</a></p>
                    <a href="">¥399起</a>

                </div>
                <div>
                    <p><a href="">造作有眠暖白...</a></p>
                    <a href="">¥2299起</a>
                </div>
            </div>
        </div>
        <!--主体7结束-->
        <!--主体8开始-->
        <div class="list">
            <div class="list1">
                <div><a><img src="../imgas/CuangJu/29.jpg"></a></div>
                <div><a><img src="../imgas/CuangJu/30.jpg"></a></div>
                <div><a><img src="../imgas/CuangJu/31.jpg"></a></div>
                <div><a><img src="../imgas/CuangJu/32.jpg"></a></div>
            </div>
            <div class="list2">
                <div>
                    <p><a href="">造作有眠白鸭绒...</a></p>
                    <a href="">¥209起</a>

                </div>
                <div>
                    <p><a href="">造作有眠白鸭绒...</a></p>
                    <a href="">¥399起</a>

                </div>
                <div>
                    <p><a href="">造作有眠羽丝绒...</a></p>
                    <a href="">¥159</a>

                </div>
                <div>
                    <p><a href="">蛋白快回弹天然...</a></p>
                    <a href="">¥299</a>
                </div>
            </div>
        </div>
        <!--   主体8结束-->

    </div>
    <div class="footer">
        <div class="content">
            <div class="footer-img">
                <img src="http://img.zaozuo.com/195e0858b3515b4dd666e69fda404737" alt="">
                <a href="">zaozuo.com</a>
                <div class="logo-tb">
                    <div class="logo1-tb"></div>
                    <div class="logo2-tb"></div>
                </div>

            </div>
            <div class="content1">
                <ul class="footer1">
                    <li><a href="">关于造作</a></li>
                    <li><a href="">团队介绍</a></li>
                    <li><a href="">设计师团</a></li>
                    <li><a href="">媒体报道</a></li>
                    <li><a href="">加入造作</a></li>
                    <li><a href="">Designer Hiring</a></li>
                </ul>
                <ul class="footer1">
                    <li><a href="">服务支持</a></li>
                    <li><a href="">服务保障</a></li>
                    <li><a href="">用户协议</a></li>
                    <li><a href="">物流售后服务</a></li>
                </ul>
                <ul class="footer1">
                    <li><a href="">商业合作</a></li>
                    <li><a href="">集合采购</a></li>
                    <li><a href="">招商邀约</a></li>
                    <li><a href="">品牌合作</a></li>
                    <li><a href="">媒体合作</a></li>
                    <li><a href="">设计师入住</a></li>
                </ul>
            </div>
            <div class="right">
                <p class="right1">联系我们</p>
                <p class="right-1">400-6636-926<span>(9:00~21:00) </span></p>
                <button class="kf">在线客服</button>
                <a href="ShiTiDian.html"><p class="right-2">造作新家全国实体店 &nbsp;></p></a>
            </div>
        </div>
        <div class="copyright">
            <p>Copyright © 2018 zaozuo.com Inc.All Rights Reserved. 北京造化科技有限公司</p>
            <p>版权所有 京ICP备14049641号-1增值电信业务经营许可证：京ICP证150098号</p>
            <p>造作新家官网 - 全球设计师创作家局品牌</p>
        </div>
    </div>
</div>
</body>
</html>